<div class="store_html">
    <div class="top_head">
        <!--<a href="JavaScript:history.back()"><span class="backImg"><img src="images/baijiantou.png"></span></a>-->
        <h class="top_title">{{vm.shops.name}}</h>
        <!-- <a href="##"><img src="images/search.png" class="top_search"/></a>
         <a href="##"><img src="images/share.png" class="top_share"/></a>-->
        <div class="top_head_bac" id="topHeadBac"></div>
    </div>
    <div id="storeContent" style="position: absolute;top: 0px;width: 100%">
        <div id="modelHtml" class="modelHtml">
            <div class="top_main">
                <div class="top_storeico">
                    <div class="img">
                        <img ng-src="{{vm.shops.logo?vm.shops.logo:'http://sfs.shuwang.info/sfcommon/1001/2017-07-19/6s4YIw9oL-diancan.jpg'}}">
                    </div>
                   <!-- <p>起送价：{{shops.lowPrice}}元</p>-->

                    <!--<div class="announcement">
                        <span class="announcement_context1">公告：{{shops.notice}}</span>
                        <span class="announcement_context2">公告：{{shops.notice}}</span>
                    </div>-->
                    <!--<div class="shopname">{{vm.shops.name}}</div>-->
                </div>

                <div class="top_gift">
                    <img class="top_gift1" src="images/sound1.png">
                    <div class="active_text" id="activeText">
                        <p ng-repeat="promotion in vm.shops.promotionList">{{promotion.description}}</p>
                    </div>
                    <!--<img class="top_gift2" src="images/lefttou.png">-->
                </div>
            </div>
        </div>
        <!--主体段内容-->
        <div class="modelHtml">
            <ul class="menu_tab nav nav-tabs">
                <li id="change1" class="active">
                    <a href="/#store" aria-controls="store" role="tab" data-toggle="tab" ng-click="vm.tab($event)">
                        我要点餐
                    </a>
                </li>
                <!--<a ng-href="index.html#/comment/{{shopid}}">
                    <li id="change2">看看评价</li>
                </a>-->
                <li id="change3">
                    <a href="/#message" aria-controls="message" role="tab" data-toggle="tab" ng-click="vm.tab($event)">
                        贴心服务
                    </a>
                </li>
                <!--<li id="change4">
                    <a href="/#myorder" aria-controls="myorder" role="tab" data-toggle="tab" ng-click="tab($event)">
                        我的菜单
                    </a>
                </li>-->
            </ul>
        </div>
        <div class="store_body tab-content">
            <div role="tabpanel" id="store" class="tab-pane active">
                <div lazy-container class="goods_center_left" id="storeLeft">
                    <ul class="store_tag" id="leftMain">
                        <li id="leftList{{goodList.groupid}}" ng-repeat="goodList in vm.shopGoodList">
                            <i class="order-numbers" style="top: 3px;right: 3px;" ng-show="goodList.num>0">{{goodList.num}}</i>
                            {{goodList.name}}
                        </li>
                    </ul>
                </div>
                <ul lazy-container class="goods_center_right" id="storeRight">
                    <div ng-show="vm.coupon" class="shop_coupon_top">
                        <div class="shop_coupon_left">
                            <div class="shop_coupon_left_bac"></div>
                            <div class="shop_coupon_left_discount">
                                <div class="shop_coupon_left_full">
                                    <span class="shop_coupon_left_fulldiscount">{{vm.coupon.num}}<span>{{vm.coupon.jush}}</span></span>
                                    <div class="shop_coupon_left_full_center">
                                        <span class="shop_coupon_left_full_center_top">商家代金券</span>
                                        <span ng-show="vm.coupon.length==1&&vm.coupon.full>0" style="font-size: 14px">满{{vm.coupon.full}}减{{vm.coupon.discount}}</span>
                                        <span ng-show="vm.coupon.length==1&&vm.coupon.full==0" style="font-size: 14px">抵用券</span>
                                    </div>
                                </div>
                                <div class="shop_coupon_util top_-15"></div>
                                <div class="shop_coupon_util btm_-15"></div>
                                <div class="shop_coupon_right">
                                    <span class="shop_coupon_right_coupon" ng-click="vm.gotocoupon()">去领取</span>
                                </div>
                            </div>
                            <!--<div style="width: 40%;background-color: white"></div>-->
                        </div>
                    </div>
                    <li class="store_mainmenu" ng-repeat="goodList in vm.shopGoodList" id="goodList{{goodList.groupid}}"
                        repeat-finish="vm.renderFinish()">
                        <div>{{goodList.name}}</div>
                        <ul>
                            <li class="store_submenu" ng-repeat="goods in goodList.goods">
                                <span class="min-img">
                                    <img id="goodimg" ng-click="enlarge(goodList.groupid,goods)"
                                         lazy-src="{{goods.logo?goods.logo+'?s=100':''}}" alt="">
                                </span>
                                <div class="store_submenu_words">
                                    <p ng-click="vm.enlarge(goodList.groupid,goods)">{{goods.title}}</p>
                                    <div class="description">{{goods.description}}</div>
                                    <span class="store_submenu_small">月售{{goods.saleNum}}份</span>
                                    <span style="font-size: 13px"
                                          ng-show="goods.stock&&goods.stock>0">库存{{goods.stock}}</span>
                                    <!--<span style="font-size: 13px;color: #f83f3c;" ng-hide="goods.stock&&goods.stock>0">已售罄</span>-->
                                    <br/>

                                    <span class="store_submenu_red">￥{{goods.price}}</span>

                                    <div class="foodop" ng-hide="vm.myval">
                                        <div class="add" ng-touch="vm.add(goodList.groupid,goods)">
                                            <span ng-hide="goods.goodsSkuList.length>1||(!goods.stock&&goods.stock<=0)" class="icon">
                                                <img src="images/addnum.png"/>
                                            </span>
                                            <span ng-show="goods.goodsSkuList.length>1&&goods.stock&&goods.stock>0" class="hasSku">选择规格</span>
                                        </div>
                                        <span style="margin-top: -15px;float: right;font-size: 13px;color: #f83f3c;" ng-hide="goods.stock&&goods.stock>0">已售罄</span>
                                        <div ng-show="goods.num>0" class="foodop-num">{{goods.num}}</div>
                                        <div class="remove" ng-show="goods.num>0"
                                             ng-touch="vm.remove(goodList.groupid,goods,false)">
                                            <span class="icon">
                                                <img src="images/cutnum.png"/>
                                            </span>
                                        </div>
                                    </div>

                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div role="tabpanel" id="message" class="tab-pane message_context">
                <ul>
                    <div class="shopinfo_li_div" style="padding-left: 18px;background-color: white; padding-top: 13px">
                        <span><h3 style="font-size: 16px;color: #f5802c;">个人中心</h3></span>
                    </div>
                    <!--<li class="message_li" ng-click="gologin()">
                        <img src="images/menuname.png" class="message_li_button_sp">
                        <span>个人中心</span>
                        <span>{{user.nickname}}</span>
                    </li>-->
                   <!-- <li class="message_li" ng-click="gologin()">
                        <img src="images/oldmenu.png" class="message_li_button_sp">
                        <span>用户昵称</span>
                        <span>{{user.nickname}}</span>
                    </li>-->
                    <li class="message_li" ng-click="vm.goorderhistory()" style=" border-bottom: 4px solid #f3f3f3">
                        <img src="images/passorder.png" class="message_li_button_sp">
                        <span>历史订单</span>
                    </li>

                    <div class="shopinfo_li_div" style=" padding-left: 18px;background-color: white; padding-top: 13px">
                        <span><h3 style="font-size: 16px;color: #f5802c;">商户中心</h3></span>
                    </div>
                    <!--<li class="message_li">
                        <img src="images/waiter.png" class="message_li_button_sp">
                        <span>呼叫服务员</span>
                    </li>-->
                    <li class="message_li" ng-click="vm.goshopinfo()">
                        <img src="images/storepic.png" class="message_li_button_sp">
                        <span>店铺信息</span>
                    </li>
                    <li class="message_li" ng-click="vm.phone_hide()">
                        <img src="images/telephone.png" class="message_li_button_sp">
                        <span>联系商家</span>
                    </li>
                    <li class="message_li" ng-click="vm.shop_coupon()">
                        <img src="images/shop_coupon.png" class="message_li_button_sp">
                        <span>店铺神券</span>
                    </li>
                </ul>
            </div>
            <!--<div role="tabpanel" id="myorder" class="tab-pane message_context">
                <ul class="menu-payment-background">
                    <li>
                        <div class="menu-payment">
                            <div class="menu-payment-place">
                                <div class="menu-payment-place-name">台 位：</div>
                                <div class="menu-payment-place-number"><div class="place-number-input">{{deskid}}</div></div>
                                <div class="menu-payment-place-scan-div"><button id="scanQRCode" class="menu-payment-place-scan" >切换桌台</button></div>
                            </div>


                            <div class="menu-payment-place">
                                <div class="menu-payment-place-name">人 数：</div>
                                <div class="menu-payment-place-scan-select" >
                                    <select class="menu-payment-place-select"><option>6</option>
                                        <option>1</option>
                                        <option>2</option>
                                        <option>3</option>
                                        <option>4</option>
                                        <option>5</option>
                                        <option>6</option>
                                        <option>7</option>
                                        <option>8</option>
                                        <option>9</option>
                                        <option>10</option>
                                        <option>11</option>
                                        <option>12</option>
                                        <option>13</option>
                                        <option>14</option>
                                        <option>15</option>
                                        <option>16</option>
                                    </select></div>
                                 </div>
                            <div class="place-name-remark"><div class="place-name-remark-button">备 注: </div><textarea class="textarea-remarks" style="resize: none;" ng-model="buyMessage"></textarea>

                        </div>
                        <div class="menu-manage-body">
                            <div class="menu-manage">
                                <div class="menu-manage-grounp">
                                    <div class="menu-name">菜品</div>
                                    <div class="menu-single-price">单价</div>
                                    <div class="menu-num">份数</div>
                                </div>
                                <ul>
                                    <li class="store_list_li" ng-repeat="goods in shopbuygoods track by $index">
                                        <span class="float_word" style="text-align: left; padding-left: 12px;">
                                            <em class="entityList">{{goods.title}}</em>
                                            <p class="float_div_sku">
                                                {{goods.properties}}
                                            </p>
                                        </span>
                                        <span class="float_store_1">
                                            <span style="font-size: 10px;">￥</span>
                                            <span>{{goods.price*goods.num | number:2}}</span>
                                        </span>
                                        <span class="entityList-3cAE9_0">
                                            <div class="float_plus" ng-touch="add(goods.groupid,goods,true)">
                                                <span class="icon">
                                                    <img src="images/addnum.png"/>
                                                </span>
                                            </div>
                                            <span class="float_number">{{goods.num}}</span>
                                            <div class="float_minus" ng-touch="remove(goods.groupid,goods,true)">
                                                <span class="icon">
                                                    <img src="images/cutnum.png"/>
                                                </span>
                                            </div>
                                        </span>
                                    </li>
                                </ul>
                            </div>

                            <div class="menu-other">
                                <div class="menu-other-sum">
                                    <div class="span-other-sum" >合计</div>
                                    <div class="span-sun-num" >{{goodscontent.count}}份</div>
                                    <div class="span-sum-price"> <span>￥{{goodscontent.totalprice| number:2}}</span></div>
                                </div>

                                <div class="menu-other-function">
                                    <button class="function-empty" >
                                        <div class="store_list_tr" ng-click="sure_clean()" style=" width: 100%; height: 30px;line-height: 30px;">
                                            <span class="glyphicon glyphicon-trash">

                                             </span>
                                             清空
                                        </div>
                                    </button>
                                    <button class="function-add" aria-controls=""  ng-click="moregoods()">
                                        <img src="images/moremenu.png" style="width: 0.4rem;"> 加菜
                                    </button>
                                </div>
                            </div>


                            <div class="menu-oder" id="payOrder" ng-click="sure_click()">下 单</div>
                        </div>
                        </div>
                    </li>
                </ul>
            </div>-->
        </div>

        <div class="loader color_white" id="loader" style="top:145px;background-color: #ffffff;">
            <div class="loader_bac"></div>
        </div>
        <div class="loader color_white" id="leaveLoader" style="top:0;">
            <div class="loader_bac"></div>
        </div>
    </div>
    <!--<div class="seller_introduce_context">
        商家详情
    </div>-->
    <div class="contain-item">
        <div class="contain-detail">
            <div class="contain-text">
                <div class="contain-text1">是否清空？</div>
            </div>
            <div class="contain-choose">
                <button class="contain-no" ng-click="vm.notrash()">否</button>
                <button class="contain-yes" ng-click="vm.trash()">是</button>
            </div>
        </div>
        <div class="contain-back"></div>
    </div>
    <div class="c-float-popWrap msgMode">
        <div class="pop-mask"></div>
        <div class="c-float-modePop">
            <div class="warnMsg">
            </div>
        </div>
    </div>
    <div class="store_detail">
        <div class="store_background_hide">
        </div>
        <div class="store_list store_list_down">
            <div class="store_item">
                <span class="glyphicon glyphicon-calendar"></span>
                我的清单
                <div class="store_list_tr" ng-click="vm.sure_clean()">
                    <span class="glyphicon glyphicon-trash"></span>
                    清空
                </div>
            </div>
            <ul id="float_more">
                <li class="store_list_li" ng-repeat="goods in vm.shopbuygoods track by $index">
                        <span class="float_word">
                            <em class="entityList">{{goods.title}}</em>
                            <p class="float_div_sku">
                                {{goods.properties}}
                            </p>
                        </span>
                        <span class="float_store_1">
                            <span style="font-size: 10px;">￥</span>
                            <span>{{goods.price*goods.num | number:2}}</span>
                        </span>
                        <span class="entityList-3cAE9_0">
                            <div class="float_plus" ng-touch="vm.add(goods.groupid,goods,true)">
                                <span class="icon">
                                    <img src="images/addnum.png"/>
                                </span>
                            </div>
                            <span class="float_number">{{goods.num}}</span>
                            <div class="float_minus" ng-touch="vm.remove(goods.groupid,goods,true)">
                                <span class="icon">
                                    <img src="images/cutnum.png"/>
                                </span>
                            </div>
                        </span>
                </li>
            </ul>
        </div>
    </div>
    <div class="store_bottom">
        <div class="store_bottom_list" ng-click="vm.store_hide()">
            <i class="order-numbers" ng-show="vm.goodscontent.count!=0">{{vm.goodscontent.count}}</i>
            <img src="images/bowl.png"></div>
        <span>￥{{vm.goodscontent.totalprice| number:2}}</span>
        <div class="store_bottom_button" ng-show="vm.myval" style="background-color:#4F4F4F ">{{vm.limitText}}
        </div>
        <span class="store_bottom_remain" ng-show="vm.goodscontent.totalprice<vm.shops.lowPrice">差{{vm.shops.lowPrice-vm.goodscontent.totalprice}}元起送</span>
        <!-- <div class="store_bottom_button" ng-show="goodscontent.totalprice>=shops.lowPrice&&!myval"
              ng-touch="buyNow()">去结算
         </div>-->
        <div class="store_bottom_button" ng-click="vm.gosettle()">
            <!--<a href="/#myorder" aria-controls="myorder" role="tab" data-toggle="tab" ng-click="gotomenu($event)">
                我的菜单
            </a>-->

            <a>
                结算
            </a>
        </div>
    </div>

    <!--联系商家弹出框-->
    <div class="shop_detail">
        <div class="shop_background_hide">
        </div>
        <div class="shop_list shop_list_down" style="height: 20%;text-align: center">
            <a href="tel:13163858019"><img src="images/connectseller.png" style="width: 1rem; margin-top: 16px;"></a>
            <div style="width: 100%;color: #f5802c;font-size: 12px;margin-top: 4px">联系商家</div>
        </div>
    </div>



</div>
<div class="enlarge_style" lazy-container>
    <div class="enlarge_imgstyle">
        <div class="shoplistpicture">
            <img class="enlargepicture" lazy-src="{{vm.thisgoods.logo?vm.thisgoods.logo+'?s=200':''}}">
            <!--<img class="enlargepicture"src=""  data-ui-lazyload="{{thisgoods.logo}}" watch="watch"/>-->
        </div>
        <div class="shoplistmanage">
            <div class="shopgoodname">{{vm.thisgoods.title}}</div>
            <div class="shopgoodasscee">月售{{vm.thisgoods.saleNum}}份</div>
            <div class="shopgoodbottom">
                <div class="shopprice">
                    <span>￥{{vm.thisgoods.price}}</span>
                </div>
                <button class="shopcar" ng-touch="vm.addthis(vm.thiscid,vm.thisgoods)" ng-show="vm.thisgoods.stock>0">加入购物车</button>
                <button class="shopcar" ng-hide="vm.thisgoods.stock>0">已售罄</button>
            </div>
        </div>
    </div>
    <div class="enlarge_bac" ng-click="vm.enlargeClose()"></div>
</div>
<div data-v-f433384a="" class="specpanel-2yGNl">
    <div class="specpanel-2HhFg">
        <h1>{{vm.skuGood.title}}</h1>
        <div class="specpanel-2FQmB">
            <div class="specpanel-3KQsY">
                <h2>规格</h2>
                <a href="javascript:" class="specpanel-3DGAt {{sku.choose?'specpanel-w1Z1P':''}}"
                   ng-repeat="sku in vm.skuList" ng-click="vm.chooseSku(sku)">{{sku.properties}}
                </a>
            </div>
        </div>
        <div class="specpanel-1uchE">
            <p class="specpanel-3exZn" ng-show="vm.skuGood.goodsPromotionBase"><span class="specpanel-2Fal-">¥</span> <span class="specpanel-17gwp" ng-show="vm.skuGood.goodsPromotionBase.type==2">{{vm.skuChoose.price-vm.skuGood.goodsPromotionBase.discount}}</span><span class="specpanel-17gwp" ng-show="vm.skuGood.goodsPromotionBase.type==1">{{vm.skuChoose.price*(vm.skuGood.goodsPromotionBase.discount/10)}}</span><span style="margin-left: 0.1rem;text-decoration: line-through;font-size: 0.24rem">{{vm.skuChoose.price?vm.skuChoose.price:0}}</span>
                <span class="specpanel--TQRd">
                    库存{{vm.skuChoose.quantity?vm.skuChoose.quantity:0}}
                </span> <!---->
            </p>
            <p class="specpanel-3exZn" ng-hide="vm.skuGood.goodsPromotionBase"><span class="specpanel-2Fal-">¥</span> <span class="specpanel-17gwp">{{vm.skuChoose.price?vm.skuChoose.price:0}}</span>
                <span class="specpanel--TQRd">
                    库存{{vm.skuChoose.quantity?vm.skuChoose.quantity:0}}
                    <!--¥49-->
                </span> <!---->
            </p>
            <a href="javascript:" class="specpanel-2OsIg" ng-click="vm.addSuk(vm.skuChoose)" ng-show="vm.skuChoose.quantity>0">加入购物车
            </a>
            <a href="javascript:" class="specpanel-2OsIg" ng-hide="vm.skuChoose.quantity>0">已售罄
            </a>
        </div>
        <a href="javascript:" role="button" aria-label="关闭" class="specpanel-3T-ES" ng-click="vm.closeSku()">
        </a>
    </div>
    <div class="specpanel-3_81U">
    </div>
</div>
